<template>
    <div class="container">
        <div>
            <movie-index-header></movie-index-header>
        </div>
        <div class="userMessage">
            <user-message></user-message>
        </div>
        <div class="box">
            用户名：用户名
        </div>
        <div class="box">
            邮箱： 邮箱
        </div >
        <div class="box">
            电话： 电话
        </div>
        <div class="box">
            用户状态：用户状态
        </div>
        <div >
            <button>修改密码</button>
        </div>
        <div style="padding-top: 10px;">
            <router-link to="/sendMail">
                <button>发送站内信</button>
            </router-link>
        </div>
        <div>
            <common-foot></common-foot>
        </div>
    </div>
</template>

<script>
import MovieIndexHeader from '../components/MovieIndexHeader'
import CommonFoot from '../components/CommonFoot'
import UserMessage from '../components/UserMessage'

export default {
    data() {

    },
    components: {
        MovieIndexHeader,
        CommonFoot,
        UserMessage
    }
}

</script>

<style lang="css" scoped>
    .box{
        display: inline-flex;
    }
    .container{
        width: 100%;
        margin: 0 auto;
    }
    .userMessage{
        padding-top: 60px;
        margin-top: -10px;
        margin-left: -10px;
    }
</style>